<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'管廊管线应急管理'"
      :secondTitles="['应急资源保障', '应急事件列表']"
      :slot-width="[50, 50]"
    >
      <template #left>
        <div class="w-100 h-100">
          <yjzybz />
        </div>
      </template>
      <template #middle>
        <div class="w-100 h-100">
          <yjsjlb :year="middle_year_value" />
        </div>
      </template>

      <template #middle_control>
        <proSelect
          :optionsData="useOptions().year()"
          :defaultSelectValue="2024"
          v-model:select-value="middle_year_value"
          :width="100"
        >
        </proSelect>
      </template>
    </containTemplete>
  </div>
</template>

<script setup lang="ts">
import containTemplete from "@/components/project/containTemplete.vue";
import yjzybz from "./yjzybz.vue";
import yjsjlb from "./yjsjlb.vue";

import { useOptions } from "@/hook/useOptions";

const middle_year_value = ref(2024);
</script>

<style scoped lang="less"></style>
